<template>
  <div class="secondNavBar">
    <van-cell :title="title">
      <!-- 使用 right-icon 插槽来自定义右侧图标 -->
      <template #icon>
        <i class="iconfont icon-shuxian" />
      </template>
    </van-cell>
    <div class="content">
      <slot name="content"></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: 'SecondNavBar',
  props: {
    title: {
      type: String,
      default: ''
    }
  },
  data () {
    return {}
  },
  created () {},
  mounted () {},
  methods: {}
}
</script>

<style scoped lang="less">
.van-cell {
  .iconfont {
    font-size: 28px;
    font-weight: 700;
    color: #3f51b5;
    line-height: inherit;
  }
  .van-cell__title {
      font-size: 28px;
      color: #101010;
  }
}
</style>
